<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/login.css">
    
    <title>Document</title>
    <style>
        body, html {
           margin: 0;
           padding: 0;
           height: 100%;
       }
       .div2{
           position: absolute;
           top: 55%;
           left: 60%;
           transform: translate(-30%, -50%); 
       }
       .full-screen-img {
           height: 100%;
           width: 100%;
           position: fixed;
           left: 0;
           top: 0;
           z-index: -1;
       }
       .div2{
        width: 350px;
        height: 400px;
       }
   </style>
</head>
<body>
    <div class="container">
        <!-- 登录 -->
        <div class="formbox login">
            <form action="index.html" id="form2"onsubmit="return denglu()">
                <h2 class="title">登&nbsp;&nbsp;&nbsp;&nbsp;陆</h2>
                <input type="text"placeholder="用户名" class="input" id="userName">
                <input type="password" placeholder="密码" class="input" id="Paw">
                <a href="#" class="link">忘记密码？</a>
                <button class="btn">登陆</button>
            </form>
        </div>
        <!-- 注册 -->
         <div class="formbox register">
            <form action=""id="form1">
                <h2 class="title">注册</h2>
                <input type="text"placeholder="用户名" class="input" onblur="checkun()"id="username"><div class="userTip" style="display: none;height: 18px;font-size: 12px;">6-10位</div>
                <input type="password" placeholder="密码" class="input" onblur="checkpass()"id="paw"><div class="pawTip" style="display: none;height: 18px; font-size: 12px;">字母开头6-10位</div>
                <input type="password" placeholder="确认密码" class="input"onblur="checkrepaw()"id="repaw"><div class="repawTip" style="display: none; height: 18px; font-size: 12px;">密码不一致</div>
                <input type="number" placeholder="手机号" class="input">
                
                <button class="btn" onclick="sub()">注册</button>
            </form>
         </div>
        <!-- 浮层 -->
         <div class="overlay-box">
            <div class="overlay">
                <div class="panel over-left">
                    <button class="btn" id="signIn">已有账号？立即登陆</button>
                </div>
                <div class="panel over-right">
                    <button class="btn" id="signUp">无账号？前往注册</button>
                </div>
            </div>
         </div>
    </div>
    <script src="js/jsCode.js"></script>
</body>
</html>